<template>
	<div>
		<ul class="mui-table-view">
			<li class="mui-table-view-cell mui-media">
				<router-link to="/news/newsinfo/123">
					<img class="mui-media-object mui-pull-left" src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1544860715378&di=31a283577252d07a1c3389087306a7c8&imgtype=0&src=http%3A%2F%2Fi1.hdslb.com%2Fbfs%2Farchive%2F1c6d76f454124b146e810dfb8917a91079a4d920.jpg">
					<div class="mui-media-body">
						<h1>幸福</h1>
						<p class='mui-ellipsis'>
							<span>发表时间:2012-12-12 12:12:12</span>
							<span>点击:0次</span>
						</p>
					</div>
				</router-link>
			</li>
			<li class="mui-table-view-cell mui-media">
				<router-link to="/news/newsinfo">
					<img class="mui-media-object mui-pull-left" src="https://gss1.bdstatic.com/9vo3dSag_xI4khGkpoWK1HF6hhy/baike/c0%3Dbaike116%2C5%2C5%2C116%2C38/sign=28645ee62b3fb80e18dc698557b8444b/2cf5e0fe9925bc3175ed534f54df8db1ca1370b0.jpg">
					<div class="mui-media-body">
						<h1>幸福</h1>
						<p class='mui-ellipsis'>
							<span>发表时间:2012-12-12 12:12:12</span>
							<span>点击:0次</span>
						</p>
					</div>
				</router-link>
			</li>
			<li class="mui-table-view-cell mui-media">
				<router-link to="/news/newsinfo">
					<img class="mui-media-object mui-pull-left" src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1544860715378&di=31a283577252d07a1c3389087306a7c8&imgtype=0&src=http%3A%2F%2Fi1.hdslb.com%2Fbfs%2Farchive%2F1c6d76f454124b146e810dfb8917a91079a4d920.jpg">
					<div class="mui-media-body">
						<h1>幸福</h1>
						<p class='mui-ellipsis'>
							<span>发表时间:2012-12-12 12:12:12</span>
							<span>点击:0次</span>
						</p>
					</div>
				</router-link>
			</li>
		</ul>
	</div>
</template>

<script type="text/javascript">
	

</script>


<style lang="scss" scoped> 
.mui-table-view{
	h1 {
		font-size: 14px;
	}
	.mui-ellipsis {
		font-size: 12px;
		color: #226aff;
		display: flex;
		justify-content: space-between;
	}

}

</style>